page-menus {
    ion-content {
        background-color: white !important;
    }
    .menus-group {
        overflow: hidden;
        margin: 0 -1px;
        width: calc(100vw + 2px);
        display: flex;
        flex-wrap: wrap;
        position: relative;
        // &::before {
        //     content: "阿拉啦啦啦";
        //     width: 100%;
        //     padding: 0 5px;
        //     color: color($basic, text-light);
        //     font-size: 1.2rem;
        // }
        >.menus-item {
            text-align: center;
            border-right: 1px solid $border-color-light;
            border-bottom: 1px solid $border-color-light;
            box-sizing: border-box;
            width: calc((100vw + 2px) / 3);
            height: calc((100vw + 2px) / 3 * 1.05);
            position: relative;
            >.icon {
                position: relative;
                top: 40%;
                transform: translateY(-50%);
                width: 50%;
            }
            >.title {
                position: absolute;
                bottom: 10%;
                width: 100%;
                font-size: 1.4rem;
                color: color($basic, text);
            }
        }
        &::after {
            content: '';
            position: absolute;
            bottom: 0;
            height: 1px;
            background-color: white;
            left: 0;
            z-index: 1;
            width: 100%;
        }
    }
}